<template>

	<div class="container">
		<div class="order-box">
			<div style="padding: 30rpx;padding-bottom: 10rpx;">
				<u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection>


			</div>
			<div class="content-list-box">
				<div class="content-item-box" v-for='i in 10' :key='i'>
					<div class="img-box">
						<img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
					</div>
					<div class="content-right">
						<div class="box-top">
							<div>可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可可</div>
							<div>132.30</div>
						</div>
						<div class="box-bottom">
							<div><u-button type="primary" size='mini' text="查看发票"></u-button></div>
							<div><u-button type="info" size='mini' text="退换售后"></u-button></div>
							<div><u-button type="warning " size='mini' text="再次购买"></u-button></div>
						</div>
					</div>
				</div>
			</div>


		</div>
	</div>

</template>

<script>
	export default {
		data() {
			return {
				list: ['未付款', '已付款', '代发货', '待评价'],
				curNow: 0
			}
		},
		methods: {
			sectionChange(index) {
				console.log(index);
				this.curNow = index;
			}
		}

	}
</script>

<style lang="scss">
	@import './index.scss'
</style>